<template>
  <div class="logo-wrapper">
    <div class="digital-logo">
      <div class="logo-img">
        <img src="../../assets/digital-logo.svg"/>
      </div>
      <div v-if="value" class="logo-text">
        <b>Emper-Admin</b>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">

  export default {
    name: 'logo',
    props: {
      value: Boolean
    },
    components: {},
    data() {
      return {}
    },
    mounted() {
    },
    methods: {}
  }
</script>

<style lang="stylus" type="text/stylus" scoped>
  @import "../../common/css/mixin.styl"
  .logo-wrapper
    .digital-logo
      height 50px
      line-height 50px
      padding-left 5px
      transitionFunction(.3s)
      displayFlex()

      .logo-img
        img
          width: 40px
          height: 36px
          margin-top 7px

      .logo-text
        color #ffffff
        font-size 18px
        margin-left 10px
</style>
